|技术资源门户第一站|
入住:用户 密码


首  页 | 新闻动态 | 网页设计 | 图形图像 | 网络编程 | 电脑技术 | 资源下载 | 专题集锦 | 酷站展示 | 图库素材 | 原创投稿
论  坛 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定 | 栏目待定
热 门 文 章
·(下)用Photoshop“组装”一只标
·微软宣布SQLServer2005功能及售价
·HTML简明手册 — 第十一章 脚本语
·四川风讯科技发展有限公司首届模
·完美之作:茶·咖啡·果汁
·HTML简明手册 — 第九章 样式
·腾讯宣布收购Foxmail
·下拉菜单全攻略之Dreamweaver篇
·ASP初学者常犯的几个错误
·Dreamweaver MX 2004 入门教程之
推 荐文 章
·【PS特训营】(1)《快速纹理》
·最新的技术-XSS(五)
·最新的技术-XSS(四)
·最新的技术-XSS(三)
·最新的技术-XSS(二)
·最新的技术-XSS(一)
·多媒体标记Shvatz 前景
·进入SMIL
·SMIL:多媒体标记
·XML未来的设计:未来的结构
栏目精华
相 关 文 章
·【PS特训营】(1)《快速纹理》
·菜鸟Icon教程 2(下)
·菜鸟Icon教程 2(上 )
·火球(译)
·播放器界面的制作
·一个Icon的设计
·Photoshop 9.0定于5月发布
·(下)用Photoshop“组装”一只标
·(上)用Photoshop“组装”一只标
·带你一步一步制作Windows XP风格
  最新更新:  
 
全能搜索:
  开始时间  结束时间 
 
 您现在的位置:首页>图形图像>PhotoShop>新闻
用图层样式来制作按钮
日期:2005-3-5 8:47:37     来源:网讯   编辑:网讯 
按钮,是界面设计中常用到的一个元素。老实地说,这并不是一个什么新鲜的教程,但是这里却有一个利用图层样式来制作的简单的方法。如果你想学,我们就一起来吧!

 

 

 

 

 

新建一个150*150的文件,白色背景。建立一个新层,设置你的前景色为#338FCE。

接着选择“圆角矩形工具”

相关参数如下图:

然后在画布中央点上一点,做出如左图的图形。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

下面,开始给这个按钮,加上图层样式,首先加上投影,相关参数如下图:

接着加上内阴影,相关参数如下图:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

内发光处理,相关参数见下图,值得注意的是,我们需要重新设定“品质等高线”同样如图所示:

下一步,我们要给它加上高光,选择“斜面和浮雕”相关参数如下图

 

 


选择“等高线”进行如下参数设置:


到这里为止,你已经完成了图层样式的设置,不要忘记保存哟,以便下次继续使用。

 

下面我们来让按钮看上去效果更好一些,给它加上一点淡淡的阴影,这是很容易做的一步。

按住Ctrl并且点击这个包含按钮的图层,以便选中它。依次选择“编辑” >“合并复制”(Edit>Copy Merged),然后新建一个层,并把它放到原来的按钮层的下面。再依次选择“编辑”>“粘贴”(EDIT>Paste), 现在你几乎看不出有任何的变化,不过不要紧,还没完成。

依次选择“滤镜”>“模糊”>“高斯模糊”(Filter>Blur>Gaussian blur ) 输入模糊半径为 6 象素

现在选择“移动工具”,然后按键盘上的方向键来确定阴影的位置。这里随便你设置,只要你觉得好就行,然后加上文字,此时的效果如左图。

 

 

如果你想让你的按钮是灰色调的,那么还有个简单的方法,进入通道面板,看看蓝色通道,是不是就是那个银灰色调啊?将蓝色通道复制一下,删除其他的通道,然后再保存,看看,这是不是就是你想要的银灰色呢?是不是很简单呢?呵!(保存前,先转换为灰色模式)

 

 


特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
责任编辑:网讯 原始作者:
信息来源:网讯 录入时间:2005-3-5 8:47:37
浏览次数: 投稿信箱: Wooxun#126.com

  → 发表我的评论      → 查看评论(点击查看)
版权所有 2005-2006©www.woxun.com  维护QQ:8216238
设计版本:网讯中国 2005 VOL.1 程序核心:风讯2.0